<!DOCTYPE html>
<html lang="en">
<head> 
    <meta charset="utf-8">
    <title>${title}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="${title}">
    <meta name="author" content="Muhammad Usman"> 
    <!-- The styles -->
    <link id="bs-css" href="${base}/css/bootstrap-cerulean.min.css" rel="stylesheet"> 
    <link href="${base}/css/charisma-app.css" rel="stylesheet">

    <!-- jQuery -->
    <script src="${base}/js/jquery.min.js"></script>
    <script src="${base}/js/charisma.js"></script>
  

    <!-- The fav icon -->
    <link rel="shortcut icon" href="${base}/img/favicon.ico">

</head>

<body>
    <!-- topbar starts -->
    [#include "/webpage/main/top.html"/]
    <!-- topbar ends -->
<div class="ch-container">
    <div class="row">
        [#include "/webpage/main/left.html"/]
        <div id="content" class="col-lg-10 col-sm-10">
            <!-- content starts -->
        <div> 
</div>  
    <!-- content ends -->
    </div><!--/#content.col-md-0-->
</div><!--/fluid-row-->
[#include "/webpage/main/footer.html"/]
</div> 
</body>
</html>
